<template>
  <div class="bj_box" @click="loading_close()">
    <div class="jzz_box">
      <div class="jzz_img"></div>
      <div class="jzz_inf">
        {{infoAt}}
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import {mapState,mapMutations} from 'vuex';
  export default{
    data(){
      return {}
    },computed:{
      ...mapState({
         infoAt:'tipInfo'
      })
    }, methods: {
      ...mapMutations({
        set_loadAt:'set_loading'
      }),
      loading_close(){
             this.set_loadAt({code:110,meta:false});
      }
    }
  }
</script>
<style type="stylus" scoped>
  body{ padding:0; margin:0; font:12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; background:#FFF;}
  :focus{outline:none;}
  div{margin:0 auto;}
  .bj_box{width:100%; height:100%; z-index: 11111111111001; background:url(../../../static/img/bj.png) repeat; position:fixed; right:-220px; top:50px;}
  .jzz_box{width:500px; height:114px;  position:relative; top:50%;}
  .jzz_img{width:120px; height:60px; background:url(../../../static/img/vvvvvv.gif) no-repeat;margin :0 auto}
  .jzz_inf{width:500px; height:20px; line-height:20px; color:#fff; font-family:"微软雅黑"; font-size:15px; text-align:center;margin :0 auto}

</style>
